<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <title>店铺</title>
    <link rel="stylesheet" type="text/css" href="../css/lib/normalize.css" />
    <link rel="stylesheet" type="text/css" href="../css/mui-3.6.1.min.css" />
    <link rel="stylesheet" type="text/css" href="../css/goshop.css" />
    <style>
      .gwc-tan{
        position: fixed;
        bottom: 50px;
        width: 100%;
        background: #fff;
        display: none;
        z-index: 9998;
      }
      .main-goods-section-bot{
        z-index: 9999;
      }
      /*.gwc-tan.gwc-tan-active{
        transform: translateY(117px);
      }*/
      .gwc-tan1{
        text-align: right;
        color: #989898;
        background: #eee;
        width: 100%;
        font-size: 12px;
        padding-right: 12px;
        height: 25px;
        line-height: 25px;
      }
      .jd{
        float: left;
        height: 45px;
        line-height: 45px;
        padding-left: 12px;
        font-size: 14px;
      }
      .jd-m{
        float: right;
        height: 45px;
        line-height: 45px;
        margin-right: 100px;
        font-size: 14px;
        color: #f7a47a;
      }
      .gwc-ttab{
        overflow: hidden;
        border-bottom: 1px solid #f2f2f2;
        position: relative;
      }
      .trash{
        width: 16px;
        vertical-align: middle;
        margin-right: 5px;
        margin-top: -4px;
      }
      .zhezhao{
        background: rgba(0,0,0,.2);
        height: 100%;
        position: fixed;
        width: 100%;
        bottom: 60px;
        z-index: 9997;
        display: none;
      }
      .zhezhao.zhezhao-active{
        display: block;
      }
    </style>
</head>
<body>
  <div class="zhezhao"></div>
	<header>
		<div class="top-bar">
			<div class="top-left"></div>
			<!-- <div class="top-zhong"></div> -->
			<div class="top-right">
				<div class="top-right-search"></div>
				<div class="top-right-follow top-right-follow-sel"></div>
			</div>
		</div>
	
		
	</header>
	<div id="main">
		<div class="shop-info">
			<div class="shop-info-left">
				<div class="shop-img"><img src="../image/shop_touxiang.png" alt=""></div>
			</div>
			<div class="shop-info-right">
				<div class="shop-name">撒的撒范德萨范德萨范德萨撒的撒范德萨范德萨范德萨</div>
				<div class="shop-label"><span>50.0元起送</span>｜<span>5.0元配送费</span>｜<span>5分钟</span></div>
				<div class="shop-events">满100.0包邮</div>
			</div>
		</div>
		<div class="main-content">
			<div class="main-tab-box">
				<div class="main-tab main-tab-1 main-tab-sel">商品</div>
				<div class="main-tab main-tab-2">评价</div>
				<div class="main-tab main-tab-3">商家</div>
			</div>

            <div class="b-main-section">
    			<div class="main-section main-goods-section" style="">
                   <div style="overflow: hidden;">
                      <div class="main-goods-section-l">
                          <ul class="zuolb">
                              <li class="main-goods-section-l-active">专场</li>
                              <li>热销</li>
                              <li>特价</li>
                              <li>店内环境</li>
                              <li>凑单加项</li>
                              <li>点心糖水</li>
                              <li>双人碟饭</li>
                              <li>粥类</li>
                          </ul>
                      </div>
                      <div class="main-goods-section-r">
                          <div class="main-goods-section-cnt">
                              <div class="main-goods-section-r-lb">
                                  <div class="main-goods-section-r-tp"></div>
                                  <div class="main-goods-section-r-ypz"><div>鱼粥</div><div class="ysj">月售21&nbsp;评价1</div><div class="dj">¥9.9</div></div>
                                  <div class="sfq">
                                      <div class="jian">-</div>
                                      <input class="v-jg" type="number" readonly unselectable="on" unselectable="on" value="" />
                                      <div class="jia">+</div>
                                  </div>
                              </div>
                              <div class="main-goods-section-r-lb">
                                  <div class="main-goods-section-r-tp"></div>
                                  <div class="main-goods-section-r-ypz"><div>鱼片粥</div><div class="ysj">月售21&nbsp;评价1</div><div class="dj">¥9.9</div></div>
                                  <div class="sfq">
                                      <div class="jian">-</div>
                                      <input class="v-jg" type="number" readonly unselectable="on" value="" />
                                      <div class="jia">+</div>
                                  </div>
                              </div>
                              <div class="main-goods-section-r-lb">
                                  <div class="main-goods-section-r-tp"></div>
                                  <div class="main-goods-section-r-ypz"><div>鱼片粥</div><div class="ysj">月售21&nbsp;评价1</div><div class="dj">¥9.9</div></div>
                                  <div class="sfq">
                                      <div class="jian">-</div>
                                      <input class="v-jg" type="number" readonly unselectable="on" value="" />
                                      <div class="jia">+</div>
                                  </div>
                              </div>
                              <div class="main-goods-section-r-lb">
                                  <div class="main-goods-section-r-tp"></div>
                                  <div class="main-goods-section-r-ypz"><div>鱼片粥</div><div class="ysj">月售21&nbsp;评价1</div><div class="dj">¥9.9</div></div>
                                  <div class="sfq">
                                      <div class="jian">-</div>
                                      <input class="v-jg" type="number" readonly unselectable="on" value="" />
                                      <div class="jia">+</div>
                                  </div>
                              </div>
                              <div class="main-goods-section-r-lb">
                                  <div class="main-goods-section-r-tp"></div>
                                  <div class="main-goods-section-r-ypz"><div>鱼片粥</div><div class="ysj">月售21&nbsp;评价1</div><div class="dj">¥9.9</div></div>
                                  <div class="sfq">
                                      <div class="jian">-</div>
                                      <input class="v-jg" type="number" readonly unselectable="on" value="" />
                                      <div class="jia">+</div>
                                  </div>
                              </div>
                          </div>

                          <div class="main-goods-section-cnt">
                              <div class="main-goods-section-r-lb">
                                  <div class="main-goods-section-r-tp"></div>
                                  <div class="main-goods-section-r-ypz"><div>鱼片粥</div><div class="ysj">月售21&nbsp;评价1</div><div class="dj">¥9.9</div></div>
                                  <div class="sfq">
                                      <div class="jian">-</div>
                                      <input class="v-jg" type="number" readonly unselectable="on" value="" />
                                      <div class="jia">+</div>
                                  </div>
                              </div>
                              <div class="main-goods-section-r-lb">
                                  <div class="main-goods-section-r-tp"></div>
                                  <div class="main-goods-section-r-ypz"><div>鱼片粥</div><div class="ysj">月售21&nbsp;评价1</div><div class="dj">¥9.9</div></div>
                                  <div class="sfq">
                                      <div class="jian">-</div>
                                      <input class="v-jg" type="number" readonly unselectable="on" value="" />
                                      <div class="jia">+</div>
                                  </div>
                              </div>
                              <div class="main-goods-section-r-lb">
                                  <div class="main-goods-section-r-tp"></div>
                                  <div class="main-goods-section-r-ypz"><div>鱼片粥</div><div class="ysj">月售21&nbsp;评价1</div><div class="dj">¥9.9</div></div>
                                  <div class="sfq">
                                      <div class="jian">-</div>
                                      <input class="v-jg" type="number" readonly unselectable="on" value="" />
                                      <div class="jia">+</div>
                                  </div>
                              </div>
                              <div class="main-goods-section-r-lb">
                                  <div class="main-goods-section-r-tp"></div>
                                  <div class="main-goods-section-r-ypz"><div>鱼片粥</div><div class="ysj">月售21&nbsp;评价1</div><div class="dj">¥9.9</div></div>
                                  <div class="sfq">
                                      <div class="jian">-</div>
                                      <input class="v-jg" type="number" readonly unselectable="on" value="" />
                                      <div class="jia">+</div>
                                  </div>
                              </div>
                              <div class="main-goods-section-r-lb">
                                  <div class="main-goods-section-r-tp"></div>
                                  <div class="main-goods-section-r-ypz"><div>鱼片粥</div><div class="ysj">月售21&nbsp;评价1</div><div class="dj">¥9.9</div></div>
                                  <div class="sfq">
                                      <div class="jian">-</div>
                                      <input class="v-jg" type="number" readonly unselectable="on" value="" />
                                      <div class="jia">+</div>
                                  </div>
                              </div>
                          </div>

                          <div class="main-goods-section-cnt">
                              <div class="main-goods-section-r-lb">
                                  <div class="main-goods-section-r-tp"></div>
                                  <div class="main-goods-section-r-ypz"><div>鱼片</div><div class="ysj">月售21&nbsp;评价1</div><div class="dj">¥9.9</div></div>
                                  <div class="sfq">
                                      <div class="jian">-</div>
                                      <input class="v-jg" type="number" readonly unselectable="on" value="" />
                                      <div class="jia">+</div>
                                  </div>
                              </div>
                              <div class="main-goods-section-r-lb">
                                  <div class="main-goods-section-r-tp"></div>
                                  <div class="main-goods-section-r-ypz"><div>鱼片粥</div><div class="ysj">月售21&nbsp;评价1</div><div class="dj">¥9.9</div></div>
                                  <div class="sfq">
                                      <div class="jian">-</div>
                                      <input class="v-jg" type="number" readonly unselectable="on" value="" />
                                      <div class="jia">+</div>
                                  </div>
                              </div>
                              <div class="main-goods-section-r-lb">
                                  <div class="main-goods-section-r-tp"></div>
                                  <div class="main-goods-section-r-ypz"><div>鱼片粥</div><div class="ysj">月售21&nbsp;评价1</div><div class="dj">¥9.9</div></div>
                                  <div class="sfq">
                                      <div class="jian">-</div>
                                      <input class="v-jg" type="number" readonly unselectable="on" value="" />
                                      <div class="jia">+</div>
                                  </div>
                              </div>
                              <div class="main-goods-section-r-lb">
                                  <div class="main-goods-section-r-tp"></div>
                                  <div class="main-goods-section-r-ypz"><div>鱼片粥</div><div class="ysj">月售21&nbsp;评价1</div><div class="dj">¥9.9</div></div>
                                  <div class="sfq">
                                      <div class="jian">-</div>
                                      <input class="v-jg" type="number" readonly unselectable="on" value="" />
                                      <div class="jia">+</div>
                                  </div>
                              </div>
                              <div class="main-goods-section-r-lb">
                                  <div class="main-goods-section-r-tp"></div>
                                  <div class="main-goods-section-r-ypz"><div>鱼片粥</div><div class="ysj">月售21&nbsp;评价1</div><div class="dj">¥9.9</div></div>
                                  <div class="sfq">
                                      <div class="jian">-</div>
                                      <input class="v-jg" type="number" readonly unselectable="on" value="" />
                                      <div class="jia">+</div>
                                  </div>
                              </div>
                          </div>
                      </div>
                      
                      <div class="gwc-tan">
                         <div class="gwc-tan1"><img class="trash" src="../image/search/trash.png"/>清空购物车</div>
                         <div class="gwc-ttab">
                             <div class="jd">煎蛋</div>
                             <div class="jd-m">￥2</div>
                             <div class="sfq">
                                  <div class="jian">-</div>
                                  <input class="v-jg" type="number" readonly unselectable="on" value="" />
                                  <div class="jia">+</div>
                             </div>
                         </div>
                         
                         <div class="gwc-ttab">
                             <div class="jd">玉米煎饺</div>
                             <div class="jd-m">￥8</div>
                             <div class="sfq">
                                  <div class="jian">-</div>
                                  <input class="v-jg" type="number" readonly unselectable="on" value="" />
                                  <div class="jia">+</div>
                             </div>
                         </div>
                      </div>
                   
                      <div class="main-goods-section-bot">
                          <div class="gwc"><img class="gwc-dj" src="../image/search/gwc@2x.png"/><span class="gwc-circle">0</span></div>
                          <div class="js-jg">¥0.00</div>
                          <div class="qjs">去结算</div>
                      </div>
                   </div>      
                </div>

    			<div class="main-section main-comment-section" style="display: none;">
                     <div class="main-comment-section-1">
                         <div class="main-comment-section-l">
                             <p>4.5</p>
                             <p>综合评分</p>
                         </div>
                         <div class="main-comment-section-r">
                             <div>
                                 <span>商品评分</span>
                                 <span><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_05@2x.png"/><img src="../image/icon_star_0@2x.png"/></span>
                                 <span>3.5</span>
                            </div>

                            <div>
                                 <span>配送评分</span>
                                 <span><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_05@2x.png"/><img src="../image/icon_star_0@2x.png"/></span>
                                 <span>3.5</span>
                            </div>
                         </div>
                     </div>  

                     <div class="main-comment-section-tab">
                           <div class="main-comment-section-tab-top">
                                <div class="main-comment-section-tab-top-active">全部(2023)</div>
                                <div>满意(23)</div>
                                <div>不满意(2000)</div>
                           </div>
                     </div>  
                     <div>
                        <div class="hys-pflb">
                             <div class="pflb">
                                 <div class="b-nmyh"><div class="nmyh">匿名用户</div><div class="pjsj">2017-05-24 13:29:21</div></div>
                                 <span class="fwpf">服务评分: </span class="fwpf"><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_05@2x.png"/><img src="../image/icon_star_0@2x.png"/>
                                 <div class="xxsc">食材新鲜, 好吃, 但是呢, 外卖竟然没有小菜, 真是太伤心了, 希望下次点不是这样</div>
                             </div>
                             <div class="pflb">
                                 <div class="b-nmyh"><div class="nmyh">匿名用户</div><div class="pjsj">2017-05-24 13:29:21</div></div>
                                 <span class="fwpf">服务评分: </span class="fwpf"><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_05@2x.png"/><img src="../image/icon_star_0@2x.png"/>
                                 <div class="xxsc">食材新鲜, 好吃, 但是呢, 外卖竟然没有小菜, 真是太伤心了, 希望下次点不是这样</div>
                             </div>
                             <div class="pflb">
                                 <div class="b-nmyh"><div class="nmyh">匿名用户</div><div class="pjsj">2017-05-24 13:29:21</div></div>
                                 <span class="fwpf">服务评分: </span class="fwpf"><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_05@2x.png"/><img src="../image/icon_star_0@2x.png"/>
                                 <div class="xxsc">食材新鲜, 好吃, 但是呢, 外卖竟然没有小菜, 真是太伤心了, 希望下次点不是这样</div>
                             </div>
                        </div>

                        <div class="hys-pflb">
                             <div class="pflb">
                                 <div class="b-nmyh"><div class="nmyh">匿名用</div><div class="pjsj">2017-05-24 13:29:21</div></div>
                                 <span class="fwpf">服务评分: </span class="fwpf"><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_05@2x.png"/><img src="../image/icon_star_0@2x.png"/>
                                 <div class="xxsc">食材新鲜, 好吃, 但是呢, 外卖竟然没有小菜, 真是太伤心了, 希望下次点不是这样</div>
                             </div>
                             <div class="pflb">
                                 <div class="b-nmyh"><div class="nmyh">匿名用户</div><div class="pjsj">2017-05-24 13:29:21</div></div>
                                 <span class="fwpf">服务评分: </span class="fwpf"><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_05@2x.png"/><img src="../image/icon_star_0@2x.png"/>
                                 <div class="xxsc">食材新鲜, 好吃, 但是呢, 外卖竟然没有小菜, 真是太伤心了, 希望下次点不是这样</div>
                             </div>
                             <div class="pflb">
                                 <div class="b-nmyh"><div class="nmyh">匿名用户</div><div class="pjsj">2017-05-24 13:29:21</div></div>
                                 <span class="fwpf">服务评分: </span class="fwpf"><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_05@2x.png"/><img src="../image/icon_star_0@2x.png"/>
                                 <div class="xxsc">食材新鲜, 好吃, 但是呢, 外卖竟然没有小菜, 真是太伤心了, 希望下次点不是这样</div>
                             </div>
                        </div>

                        <div class="hys-pflb">
                             <div class="pflb">
                                 <div class="b-nmyh"><div class="nmyh">匿用户</div><div class="pjsj">2017-05-24 13:29:21</div></div>
                                 <span class="fwpf">服务评分: </span class="fwpf"><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_05@2x.png"/><img src="../image/icon_star_0@2x.png"/>
                                 <div class="xxsc">食材新鲜, 好吃, 但是呢, 外卖竟然没有小菜, 真是太伤心了, 希望下次点不是这样</div>
                             </div>
                             <div class="pflb">
                                 <div class="b-nmyh"><div class="nmyh">匿名用户</div><div class="pjsj">2017-05-24 13:29:21</div></div>
                                 <span class="fwpf">服务评分: </span class="fwpf"><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_05@2x.png"/><img src="../image/icon_star_0@2x.png"/>
                                 <div class="xxsc">食材新鲜, 好吃, 但是呢, 外卖竟然没有小菜, 真是太伤心了, 希望下次点不是这样</div>
                             </div>
                             <div class="pflb">
                                 <div class="b-nmyh"><div class="nmyh">匿名用户</div><div class="pjsj">2017-05-24 13:29:21</div></div>
                                 <span class="fwpf">服务评分: </span class="fwpf"><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_1@2x.png"/><img src="../image/icon_star_05@2x.png"/><img src="../image/icon_star_0@2x.png"/>
                                 <div class="xxsc">食材新鲜, 好吃, 但是呢, 外卖竟然没有小菜, 真是太伤心了, 希望下次点不是这样</div>
                             </div>
                        </div>
                     </div>        
                </div>

    			<div class="main-section main-shop-section" style="display: none;">
    				<div class="main-shop-section-1">
    					<div class="section-table">
    						<div class="section-label" style="padding-left: 12px;text-indent: -12px;">
    							<div class="section-label-top">50.0<span>元</span></div>
    							<div class="section-label-bottom">起送价</div>
    						</div>
    						<div class="section-label">
    							<div class="section-label-top">5.0<span>元</span></div>
    							<div class="section-label-bottom">配送费</div>
    						</div>
    						<div class="section-label" style="padding-right: 12px;text-indent: 12px;">
    							<div class="section-label-top">45<span>分钟</span></div>
    							<div class="section-label-bottom">平均配送时间</div>
    						</div>
    					</div>
    				</div>

    				<div class="main-shop-section-2">
    					<div class="section-info section-info-1"><span>服务时间: 8:00-22:00</span></div>
    					<div class="section-info section-info-2"><span>商家电话：13998377389</span><b></b></div>
    					<div class="section-info section-info-3"><span>商家地址：天河北路171号祥龙花园晖祥阁2007花园晖祥阁2007花园晖祥阁2007</span></div>
    				</div>

    				<div class="main-shop-section-3">
    					<div class="section-info section-info-title"><span>参与的活动</span></div>
    					<div class="section-info section-info-1"><span>新用户下单立减10元</span></div>
    					<div class="section-info section-info-2"><span>满50减12，满80减22，满100减36 （在线支付专享）</span></div>
    				</div>
    				<div class="footer">
    					<div class="footer-left"></div>
    					<div class="footer-right">举报商家</div>
    				</div>
    			</div>
            </div>
		</div>
	</div>
</body>
    <script type="text/javascript" src="../js/jquery2.1.1.min.js"></script>
    <script type="text/javascript" src="../js/goshop.js"></script>
    <script type="text/javascript">
      $('.gwc-dj').click(function() {
           
           $('.gwc-tan').stop().slideToggle();
           $('.zhezhao').toggleClass('zhezhao-active');
      });
    </script>
</html>